<%@ page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE HTML>
<html lang="utf-8">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>商品基本信息</title>
<%@ include file="../../include/bootstrapCommon.jsp"%>
<link rel="stylesheet" href="${ctx}/prettyCheckbox/css/jquery-labelauty.css">
<link type="text/css" rel="stylesheet" href="${ctx}/bootstrap-fileinput/css/fileinput.css" />
<link type="text/css" rel="stylesheet" href="${ctx}/jquery-confirm/dist/jquery-confirm.min.css" />

<script type="text/javascript" src="${ctx}/bootstrap/js/bootstrap-paginator.js"></script>
<script type="text/javascript" src="${ctx}/bootstrap-fileinput/js/fileinput.js"></script>
<script type="text/javascript" src="${ctx}/bootstrap-fileinput/js/locales/zh.js"></script>
<script type="text/javascript" src="${ctx}/jquery-confirm/dist/jquery-confirm.min.js"></script>
<script src="${ctx}/prettyCheckbox/js/jquery-labelauty.js"></script>

<script type="text/javascript"
	src="${ctx}/dgJs/goods/goodsIntroduction/main.js"></script>
<script type="text/javascript">
	//页面加载完成后执行
	$(function() {
		goods.goodsIntroduction.main.init();
	});
</script>
<style type="text/css">
	ul { list-style-type: none;}
	li { display: inline-block;}
	li {margin:5px 5px 5px 5px;}
	input.labelauty + label {
		font: 12px "Microsoft Yahei";
		display:block;
		height:30px;
	}

	.form-group {
		margin: 10px;
	}
	.form-group label {
		color: #9E9E9E;
		font-weight:500;
	}
	.goods_panel {
	    background:#FF7256;
	    padding: 6px;
	    margin-bottom: 5px;
	    color: #FFFFFF;
	    cursor: pointer;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	
	.tm-ind-panel {
	    border: 1px dotted #c9c9c9;
	    border-width: 1px 0;
	    margin: -1px 10px 0 0;
	    padding: 5px 0;
	    position: relative;
	    overflow: hidden;
	    clear: both;
	    display: flex;
	    font-size: 12px;
	    width: 98%;
	    margin-top: 5px;
	}
	
	.tm-goods-panel {
	    border: 1px dotted #c9c9c9;
	    border-width: 1px 0;
	    margin: -1px 10px 0 0;
	    padding: 10px 0;
	    position: relative;
	    overflow: hidden;
	    clear: both;
	    display: flex;
	    font-size: 12px;
	    width: 250px;
	    margin-top: 10px;
	}
	
	.tm-ind-item {
	    float: left;
	    width: 28%;
	    text-align: center;
	    position: relative;
	    left: -1px;
	    border-left: 1px solid #e5dfda;
	    flex: 1;
	    line-height: 12px;
	}
	
	.tm-ind-item .tm-label, .tm-ind-item .tm-monthavg {
	    display: inline-block;
	    line-height: 12px;
	    height: 15px;
	    color: #999;
	}

	.tm-count {
	    color: #FF7256;
	}
	
    .slh a {
	    border-top-color:white !important;
	    border-bottom-color:white !important;
		display:block;
		opacity: 0.9;
		cursor: auto;
		background-color:white !important
	}
	
	.totalRecords {
		color: #FF7256;
	}
	
	tr td.table_empty{height:4px;}
	
	.input-group-addon span {
		color:red;
	}
</style>
</head>
<body style="background-color: #FFFFFF; overflow-y: auto;">
	<div  style="padding: 0px; width: 100%">
		<div class="data_query">
			<div class="data_button">
				<input type="button" value="新增" class="button_select" onclick="goods.goodsIntroduction.main.add()" /> 
				<input type="button" value="修改" class="button_select" onclick="goods.goodsIntroduction.main.edit()" /> 
				<input type="button" value="删除" class="button_select" onclick="goods.goodsIntroduction.main.del()" />
				<input type="button" value="重置" class="button_reset" onclick="goods.goodsIntroduction.main.clearData()" /> 
				<input type="button" value="查询" class="button_reset" onclick="goods.goodsIntroduction.main.search()" />
			</div>
			<div class="fn_clear"></div>
			<div class="data_query_table">
				<form class="form-inline" style="padding-bottom:5px;">
					 <div class="form-group form-group-sm">
					    <label for="goods_type_name">商品分类名称：</label>
					    <select id = "goods_type_name" class="show-tick" multiple>
						  <option></option>
						</select>
					 </div>
					 <div class="form-group form-group-sm">
					  	<label for="goods_name">商品名称：</label>
					    <input type="text" class="form-control" style="width:320px;"id="goods_name" placeholder="商品名称">
					 </div>
				</form>
			</div>
		</div>
		<div class="container-fluid" style="margin-top: 10px;">
			<div class="row" id="list"></div>
		</div>
		<div class="hiddenPageBtn"></div>
		<div class="total"></div>
		<div class="slh"></div>
		<div id="goodsIntroductionEditWin"></div>
		<div style="float: right; margin-bottom: 50px;">
			<div class="sm_ym">
				<ul class="pagination" id="page"></ul>
			</div>
			<div class="sm_ym_total" style="display: inline;line-height:20px;font-size: 16px;text-align: center;">
				<span style="color:#696969;">共计<span class="totalRecords"></span>条记录</span>
			</div>
		</div>
	</div>
	
	<!-- Modal 商品详情页面 -->
	<div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog"
		tabindex="-1" id="goodsDetailModal" class="modal fade">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header" style="height:35px;padding:10px">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<span class="modal-title" style="font-size: 15px;"></span>
				</div>
				<div class="modal-body">
					<h4>
						<label class = "label label-warning" id="rate">今日日元汇率:1日元=0.05968人民币</label>
					</h4>
					<form id="goodsDetailForm" method="post" enctype="multipart/form-data">
						<input type="hidden" name="mode" id="mode" />
						<input type="hidden" name="goodId" id="goodId" />
						<input type="hidden" name="typeId" id="typeId" />
						<table style="width: 98%;">
							<tr>
								<td rowspan="6">
									<img id ="QRCode" style="width:120px;height:120px;" alt="" src="images/noPic.jpg" >
								</td>
								<td style="width:120px;" class="input-group-addon"><span>*</span>商品名称：</td>
								<td colspan="4">
									<input id="goodName" class="form-control" name="goodName" style="width: 100%;" maxlength="35">
								</td>
							</tr>
							<tr>
								<td class="table_empty"></td>
							</tr>
							<!-- 商品名称 -->
							<tr>
								<td style="width:120px;" class="input-group-addon">商品名称简写：</td>
								<td colspan="4">
								<input class="form-control" id="goodAbbrName" name="goodAbbrName" style="width: 100%;"
									maxlength="20"></td>
							</tr>
							<tr>
								<td class="table_empty"></td>
							</tr>
							<!-- 商品规格 -->
							<tr>
								<td style="width:120px;" class="input-group-addon">规格(毫升/片/克)：</td>
								<td colspan="4">
									<input class="form-control" id="goodSpecs" name="goodSpecs" style="width: 100%;" maxlength="20">
								</td>
							</tr>
							<tr>
								<td class="table_empty"></td>
							</tr>
							<!-- 商品分类 -->
							<tr>
								<td style="width:120px;" class="input-group-addon"><span>*</span>商品分类：</td>
								<td colspan="4">
									<div id="goods_type"></div>
								</td>
							</tr>
							<tr>
								<td class="table_empty"></td>
							</tr>
							<!-- 商品价格 -->
							<tr>
								<td style="width:120px;" class="input-group-addon"><span>*</span>商品价格(日元)：</td>
								<td colspan="2">
									<input class="form-control" id="goodPriceJp" name="goodPriceJp" style="width: 100%;" maxlength="15">
								</td>
								<td style="width:120px;" class="input-group-addon"><span>*</span>商品价格(人民币)：</td>
								<td colspan="2">
									<input class="form-control" id="goodPrice" name="goodPrice" style="width: 100%;" maxlength="25">
								</td>
							</tr>
							<tr>
								<td class="table_empty"></td>
							</tr>
							<!-- 商品介绍 -->
							<tr>
								<td style="width:120px;" class="input-group-addon">商品介绍：</td>
								<td colspan="4">
										<textarea style="width: 100%" id="goodIntroduce"
											name="goodIntroduce" class="form-control" rows="3"></textarea>
								</td>
							</tr>
							<tr>
								<td class="table_empty"></td>
							</tr>
							<!-- 商品图片 -->
							<tr>
								<td style="width:120px;" class="input-group-addon">商品图片：</td>
								<td colspan="4" style="border:1px solid #ccc;">
									<input type="file" name="file" id="imageFiles" multiple data-show-caption="true"/>
								</td>
							</tr>
						</table>
					</form>
				</div>
				<div class="modal-footer centered">
					<button class="btn btn-theme03" type="button" onclick="goods.goodsIntroduction.main.save()" >保存(save)</button>
					<button data-dismiss="modal" class="btn btn-theme04" type="button">关闭(Close)</button>
				</div>
			</div>
		</div>
	</div>
</body>
</html>